/* 首页 */


/* swiper */

.swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/* 为开发者提供云服务 */

section .title {
    text-align: center;
    height: 143px;
}

section .title h2 {
    font-size: 30px;
    font-weight: 400;
    margin-bottom: 13px;
}

section .title p {
    color: #666;
    margin-bottom: 23px;
}

section .title .search {
    color: #1271ef;
    text-decoration: none;
}


/*为开发者提供云服务 */

.cloud-services {
    padding-bottom: 98px;
}

.cloud-services-content {
    width: 1124px;
    margin: 0 auto;
}

.cloud-services-content li {
    float: left;
    width: 240px;
    height: 280px;
    margin-right: 40px;
    box-shadow: 0 5px 5px #1271ef;
}

.cloud-services-content .text {
    width: 220px;
    padding-left: 20px;
}

.cloud-services-title {
    font-size: 20px;
    margin-bottom: 10px;
}

.cloud-services-content p {
    color: #666;
    margin-bottom: 20px;
}

.cloud-services-content a {
    color: #1271ef;
    text-decoration: none;
}


/* 海量的API服务 */

.api-category {
    height: 642px;
    padding-top: 78px;
    box-sizing: border-box;
    background: url(../images/more-api-bg.svg) center top no-repeat #f8f9fb;
}

.api-category .api-item {
    width: 224px;
    height: 138px;
    box-shadow: 1px 4px 8px 0 rgba(18, 113, 239, 0.6);
    background-color: #fff;
    text-align: center;
    margin-right: 16px;
    margin-bottom: 20px;
    background: url("../images/api01.svg") no-repeat center 36px;
}

.api-category .api-item:nth-child(2) {
    background: url("../images/api02.svg") no-repeat center 36px;
}

.api-category .api-item:nth-child(3) {
    background: url("../images/api03.svg") no-repeat center 36px;
}

.api-category .api-item:nth-child(4) {
    background: url("../images/api04.svg") no-repeat center 36px;
}

.api-category .api-item:nth-child(5) {
    background: url("../images/api05.svg") no-repeat center 36px;
}

.api-category .api-item:nth-child(6) {
    background: url("../images/api06.svg") no-repeat center 36px;
}

.api-category .api-item:nth-child(7) {
    background: url("../images/api07.svg") no-repeat center 36px;
}

.api-category .api-item:nth-child(8) {
    background: url("../images/api08.svg") no-repeat center 36px;
}

.api-category .api-item:nth-child(9) {
    background: url("../images/api09.svg") no-repeat center 36px;
}

.api-category .api-item:nth-child(10) {
    background: url("../images/api10.svg") no-repeat center 36px;
}

.api-category .api-item .block-link {
    display: block;
}

.api-category .api-item .block-link .item-name {
    font-size: 16px;
    line-height: 40px;
    color: #181818;
    margin-top: 70px;
}

.content {
    margin-bottom: 20px;
}

.free {
    text-align: center;
}

.free-api .apply {
    color: #1271ef;
    text-decoration: none;
}


/* 慧集 */

.api-master {
    padding-top: 76px;
    height: 778px;
    box-sizing: border-box;
    margin-bottom: 100px;
}

.api-master .title {
    height: 83px;
}

.api-master .common-link {
    line-height: 42px;
    text-align: center;
}

.api-master .common-link a {
    color: #1271ef;
}

.api-master .content {
    height: 605px;
    background: url("../images/master-left-bg.svg") no-repeat;
}


/* 慧集右边区域 */

.api-master .master-list {
    width: 507px;
    height: 546px;
    margin-top: 18px;
}

.api-master .master-list .list-item {
    position: relative;
    height: 81px;
    background-color: #FBFBFD;
    margin-bottom: 10px;
    padding-left: 20px;
    padding-top: 15px;
    padding-bottom: 18px;
    box-sizing: border-box;
}

.api-master .master-list .line {
    position: absolute;
    width: 4px;
    height: 24px;
    left: 0px;
    top: 28px;
    background-color: #1271ef;
}

.api-master .master-list .list-title {
    line-height: 26px;
    color: #333;
    font-size: 18px;
    padding-left: 24px;
    background-repeat: no-repeat;
    background-position: 0px 4px;
}

.api-master .master-list .list-desc {
    line-height: 22px;
    color: #666;
    font-size: 12px;
}

.api-master .master-list .bg1 {
    background-image: url("../images/master-item-icon-01.svg");
}

.api-master .master-list .bg2 {
    background-image: url("../images/master-item-icon-02.svg");
}

.api-master .master-list .bg3 {
    background-image: url("../images/master-item-icon-03.svg");
}

.api-master .master-list .bg4 {
    background-image: url("../images/master-item-icon-04.svg");
}

.api-master .master-list .bg5 {
    background-image: url("../images/master-item-icon-05.svg");
}

.api-master .master-list .bg6 {
    background-image: url("../images/master-item-icon-06.svg");
}


/* 助力行业巨头 / 独角兽企业 */

.help {
    margin-bottom: 56px;
}

.help .industry-giant {
    height: 270px;
    background-color: #f8f9fb;
}

.help .industry-giant .heart {
    height: 270px;
    position: relative;
}

.industry-giant .help-item {
    opacity: 0;
    transition: opacity 1s;
}

.industry-giant .active {
    opacity: 1;
}

.imgbox img {
    position: absolute;
    left: 0;
    bottom: 0;
}

.industry-giant .item-text {
    position: absolute;
    right: 0;
    width: 510px;
    margin-top: 54px;
    font-size: 14px;
}

.industry-giant .item-text .text {
    line-height: 24px;
}

.industry-giant .item-text .help-icon {
    position: absolute;
    top: -74px;
}

.department .fs12 {
    position: absolute;
    right: 3px;
    bottom: 14px;
}

.department .fs12::before {
    content: "";
    display: block;
    width: 12px;
    height: 3px;
    background-color: #1271ef;
    position: relative;
    top: 9px;
    left: -16px;
}


/* 合作伙伴 */

.data-security {
    margin-bottom: 84px;
}

.cooperation {
    margin-bottom: 100px;
}

.cooperation .cooperration-con {
    width: 1120px;
    height: 30px;
    margin: 0 auto;
}

.team {
    width: 140px;
    height: 39px;
    float: left;
}

.partner1 {
    background: url(../images/partner01.svg)no-repeat;
}

.partner2 {
    background: url(../images/partner02.svg)no-repeat center;
}

.partner3 {
    background: url(../images/partner03.svg)no-repeat center;
}

.partner4 {
    background: url(../images/partner04.svg)no-repeat center;
}

.partner5 {
    background: url(../images/partner05.svg)no-repeat center;
}

.partner6 {
    background: url(../images/partner06.svg)no-repeat center;
}

.partner7 {
    background: url(../images/partner07.svg)no-repeat center;
}

.partner8 {
    background: url(../images/partner08.svg)no-repeat center;
}


/* 数据安全 */

.sec-logo-item {
    width: 200px;
    height: 115px;
    float: left;
    text-align: center;
    font-size: 12px;
}

.security-logo .item-name {
    margin-top: 100px;
}

.security-logo .sec-logo-item:nth-child(1) {
    background: url(../images/security-logo-item01.svg)no-repeat center 0px;
}

.security-logo .sec-logo-item:nth-child(2) {
    background: url(../images/security-logo-item02.svg)no-repeat center 0px;
}

.security-logo .sec-logo-item:nth-child(3) {
    background: url(../images/security-logo-item03.png)no-repeat center 0px;
}

.security-logo .sec-logo-item:nth-child(4) {
    background: url(../images/security-logo-item04.png)no-repeat center 0px;
}

.security-logo .sec-logo-item:nth-child(5) {
    background: url(../images/security-logo-item05.png)no-repeat center 0px;
}

.security-logo .sec-logo-item:nth-child(6) {
    background: url(../images/security-logo-item06.png)no-repeat center 0px;
}